<div class="container-fluid">
       <div class="carousel slide" id="myCarousel">
            

            <!-- Indicators -->

            <ol class="carousel-indicators">
              <li class="active" data-slide-to="0" data-target="#myCarousel"></li>
              <li data-slide-to="1" data-target="#myCarousel"></li>
              <li data-slide-to="2" data-target="#myCarousel"></li>
            </ol>
         <div class="carousel-inner ">
           <div class="item active" id="carousel-slide1"> 

            <div class="carousel-caption">
              <h4>EARTH</h4>
            </div>
           </div> <!-- End of carousel item 1 -->
          <div class="item" id="carousel-slide2" > 

            <div class="carousel-caption">
              <h4>WINTER</h4>
            </div>
           </div> <!-- End of carousel item 2-->
           <div class="item" id="carousel-slide3"> 

            <div class="carousel-caption">
              <h4>DESERT</h4>
            </div>
           </div> <!-- End of carousel item 3-->
<a href="#myCarousel" class="left carousel-control" data-slide="prev">
          <span class="icon-prev"></span>
        </a>

        <a href="#myCarousel" class="right carousel-control" data-slide="next"> <span class="icon-next"></span> </a>
         </div> <!-- End of carousel inner-->


        
      
       </div> <!-- End of carousel slide-->
    </div> <!-- End of container fluid-->